@import "../../common.less";

.policy-special {
  width: 100%;
}

.news-title {
  margin: auto;
  text-align: center;
  color: #034ea2;
  margin-bottom: 106px;
  display: flex;
  justify-content: center;
  align-items: center;

  div {
    font-size: 38px;
    color: #04277a;
    margin: 0 36px;
    letter-spacing: 2px;
  }

  img:first-child {
    transform: rotateZ(360deg);
  }

  img:last-child {
    transform: rotateZ(180deg);
  }
}

.special-total {
  width: 100%;

  .special-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .item-title {
    height: 52px;
    color: #5E75A9;
    letter-spacing: 6px;
    font-size: 22px;
    text-align: center;
    border: 2px solid #5e75aa;
    border-top-left-radius: 26px;
    border-bottom-right-radius: 26px;
    padding: 0 40px;
    line-height: 46px;
    margin-right: 24px;
    cursor: pointer;

    &.clickNav {
      background: #5E75A9;
      color: white;
      /*font-weight: bold;*/
    }

    .title-left {
      width: 30%;
      height: 100%;
      background-color: #5E75A9;
      color: #ffffff;
      text-align: left;
      border-top-right-radius: 30px;
      line-height: 40px;
      padding-left: 12px;

    }
  }

  .content {
    //min-height: 300px;

    .viewMore2 {
      text-align: right;
      margin-top:24px;

      span{
        color: #5E75A9;
        cursor: pointer;
        font-size:22px;
        letter-spacing: 2px;
      }
    }

    .region {
      display: flex;
      margin: 30px 0;
      margin-top:42px;
      justify-content: space-between;
      align-items: center;

      .region-left {
        display: flex;

        .region-item {
          background: #5E75A9;
          color: white;
          text-align: center;
          padding: 8px 40px;
          cursor: pointer;
          margin-right: 12px;
          border-radius: 38px;
          font-size:22px;
          letter-spacing: 2px;
        }
      }

      .viewMore {
        color: #5E75A9;
        cursor: pointer;
      }


    }

    .content-list {
      height:64px;
      padding-top:12px;
      cursor: pointer;
      line-height: 3;
      border-top: 1px dotted #9D9D9D;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      font-size: 22px;
      color: black;
      padding-left: 12px;

      &:last-child {
        border-bottom: 1px dotted #9D9D9D;

      }

      .content-time {
        margin-right: 16px;
        /*font-size: 16px;*/
        width: 140px; min-width:140px;
        color: #9D9D9D;
      }

      .content-organ {
        margin-right: 32px;
        /*font-size: 16px;*/
        color: #9D9D9D;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow:hidden;
      }

      .content-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
      }
    }

  }
}



@media screen and (min-width: 1600px) and (max-width: 1920px){
  .news-title, .special-total{ zoom: 1; }
}
@media screen and (min-width: 1366px) and (max-width: 1600px){
  .news-title, .special-total{ zoom: 0.7; }
}
@media screen and (min-width: 1280px) and (max-width: 1366px){
  .news-title, .special-total{ zoom: 0.67; }
}
@media screen and (max-width: 1280px){
  .news-title, .special-total{ zoom: 0.67; }
}

